<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>产品详情1</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@1.6/lib/index.css">
		<link rel="stylesheet" type="text/css" href="../../css/index.css" />
		<script src="../../libs/js/vue.min.js"></script>
		<script src="../../libs/js/vant.min.js"></script>

		<style>
			#jiesuan {
				background-color: red;
			}
			
			#cpxq span {
				color: black;
				font-weight: 700;
			}
		</style>
	</head>

	<body>
		<div id="cpxq">
			<van-nav-bar id="jiesuan" title="结算" left-text="" left-arrow @click-left="onClickLeft"></van-nav-bar>
			<van-collapse v-model="activeNames">
				<van-collapse-item title="商品清单" name="1">

				</van-collapse-item>
				<van-collapse-item title="收货地址" name="2">
					<span>联系人：</span><input style="border: none;" type="text" />
                    <br />
					<span>手机号码：</span><input style="border: none;" type="text" />
                    <br />
					<span>详细地址：</span><input style="border: none;" type="text" />
					<br />
					<p style="text-align: center;">
						<a href="#">其他详细地址></a>
					</p>
					
				</van-collapse-item>
				 <van-collapse-item title="支付方法" name="3" >
				 <van-checkbox v-model="checked">
						<img style="height: 30px; width: 30px; margin-left: 200px;" src="../../img/pay_icon_wx.png" />微信支付
					</van-checkbox>
					<van-checkbox v-model="checkeds">
						<img style="height: 30px; width: 30px; margin-left: 200px;" src="../../img/pay_icon_zfbb.png" />支付宝
					</van-checkbox>
		     </van-collapse-item>
				</van-collapse-item>
			</van-collapse>
			
			<footer>
				<van-submit-bar
				  :price="0"
				  button-text="提交订单"
				  @submit="onSubmit"
				>
				  <span slot="tip">
				    你的收货地址不支持同城送, <a href="#">修改地址</a>
				  </span>
				</van-submit-bar>
			</footer>
		</div>
		<script>
			var vm = new Vue({
				el: "#cpxq",
				data: {
					list: "",
					checked: "",
					checkeds: "",
					onSubmit:"",
					onclicks:"",
					activeNames: ['2']
				},
				methods: {
					onClickLeft() {
						plus.webview.close("detailss.html");
					},
					toggle(index) {
						this.$refs.checkboxes[index].toggle();
					},
					toggle(index) {
						this.$refs.checkboxes[index].toggle();
					},
				}
			})
		</script>
	</body>

</html>